// src/APP.vue

<template>
<div id="style-example">
  <div :style="[baseStyles, overridingStyles]">数组语法</div>
</div>
</template>

<script lang="ts">
import {  computed, defineComponent, reactive } from 'vue'

export default defineComponent({
  name:"APP",
  setup() {
    const baseStyles = reactive({
      color: 'red',
      fontSize: '30px'
    })

    const overridingStyles = reactive({
      position: 'fixed',
      left: '13px',
      top: '20px'
    })

    return {
      baseStyles,
      overridingStyles
    }
  }
})
</script>